<?php include('includes/header.php'); ?>
<script type="text/javascript">
var FUN_NOMBRE = "Presentaci&oacute;n Producto";

$(document).ready(function(){
    $("h1").html(FUN_NOMBRE);
    initControls();
    jQuery("#formID").validationEngine();
});
        
//FUNCIONES
function initControls(){
    $("#flex1").flexigrid({
        url: 'src/presentacionProducto.php?modo=1',
        dataType: 'json',
        colModel : [
            {display: 'ID', name : 'pre_id', width : 40, sortable : true, align: 'left'},
            {display: 'Nombre', name : 'pre_nombre', width : 400, sortable : true, align: 'left'},
            {display: 'Unidad', name : 'pre_unidad', width : 150, sortable : true, align: 'left'}
        ],
        buttons : [
            {name: 'Agregar Nuevo', bclass: 'add', onpress : doCommand},
            {separator: true},
            {name: 'Editar', bclass: 'edit', onpress : doCommand},
            {separator: true},
            {name: 'Eliminar', bclass: 'delete', onpress : doCommand},
            {separator: true}
        ],
        searchitems : [
            {display: 'Nombre', name : 'pre_nombre', isdefault: true},
            {display: 'Unidad', name : 'pre_unidad'}
        ],
        sortname: "pre_id",
        sortorder: "asc",
        usepager: true,
        title: FUN_NOMBRE,
        useRp: true,
        rp: 16,
        showTableToggleBtn: false,
        resizable: false,
        width: "100%",
        height: 400,
        singleSelect: true
    });	

}
function doCommand(com, grid) {
    if (com == 'Agregar Nuevo') {
        agregar_modificar(2, null);
    }else if (com == 'Editar'){
         $('.trSelected', grid).each(function() {
            var id = $(this).attr('id');
            id = id.substring(id.lastIndexOf('row')+3);
            agregar_modificar(3, id);
        });
    }else if (com == 'Eliminar') {
        $('.trSelected', grid).each(function() {
            var id = $(this).attr('id');                
            id = id.substring(id.lastIndexOf('row')+3);
            eliminar(4, id);
        });
    }
}     
function agregar_modificar(modo, id){       
   var url = (id==null)?"mPresentacionProducto.php":"mPresentacionProducto.php?id="+id;      
   $("#somediv").load(url).dialog({
        modal:true,
        width: '70%',
        title: FUN_NOMBRE,
        buttons: {
            "Guardar": function() {
                if($('#formID').validationEngine('validate')){
                    var nombre = $('#nombre').attr('value');
                    var unidad = $('#unidad').attr('value');
                    $.ajax({
                        url: 'src/presentacionProducto.php?modo='+modo,
                        type: "POST",
                        data: "submit=&nombre="+nombre+"&unidad="+unidad+"&id="+id,
                        success: function(data){
                            $("#somediv").dialog('close');
                            initControls();
                            if(data==1){                                        
                                getMessage ('success', modo, FUN_NOMBRE, "F");                               
                            }else{
                                 getMessage ('error', modo, FUN_NOMBRE, "F");
                            }
                        }
                    });
                }     
            },
            "Cerrar": function() {
                $('#formID').validationEngine('hide');
                $( this ).dialog( "close" );

            }
        }
   }); 
}
function eliminar(modo, id){  
    getMessageConfirm(modo, FUN_NOMBRE, 'F');
    $( "#dialog-confirm" ).dialog({
        resizable: false,
        width: 300,
        height:180,
        modal: true,
        buttons: {
            "Aceptar": function() {
                $.ajax({
                    url: 'src/presentacionProducto.php?modo='+modo,
                    type: "POST",
                    data: "submit=&id="+id,
                    success: function(data){
                        $("#dialog-confirm").dialog('close');
                        initControls();
                        if(data==1){ 
                            getMessage ('success', modo, FUN_NOMBRE, "F");
                        }else{
                            getMessage ('error', modo, FUN_NOMBRE, "F");
                        }
                    }
                });
            },
            "Cerrar": function() {
                $( this ).dialog( "close" );
            }
        }
    }); 
}   
    
</script>  
<h1></h1>
<!--<div class="exito mensajes">Se ha guardado la Presentación del Producto exitosamente.</div>
<div class="error mensajes">Ha ocurrido un error y no se completo el Proceso.</div>-->
<div id="dialog-confirm" title="Confimaci&oacute;n">
    <!--<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;display: none;"></span>
        ¿Esta seguro de eliminar la selecci&oacute;n?</p>-->
</div>
<div id="message"></div>
<table id="flex1" style="display:none"></table>
<div id='somediv'></div>
<!--<div class="nyroModalManual"></div>
<a href="mPresentacionProducto.php" target="_blank" class="nyroModal">Iframe Automatique via target=_blank</a>-->
<?php include('includes/footer.php'); ?>
